<template>
  <div>
    <h2 style="text-align:center">发布新课程</h2>
    <el-steps :active="active" finish-status="success" simple style="margin-top: 20px">
      <el-step title="填写基本课程信息"/>
      <el-step title="创建课程大纲"/>
      <el-step title="发布课程"/>
    </el-steps>
    <course-info v-if="active===0"/>
    <course-chapter v-if="active===1"/>
    <course-publish v-if="active===2||active===3"/>

  </div>
</template>
<script>
import CourseInfo from '@/views/course/components/CourseInfo'
import CourseChapter from '@/views/course/components/CourseChapter'
import CoursePublish from '@/views/course/components/CoursePublish'

export default {
  components: {
    CourseInfo,
    CourseChapter,
    CoursePublish
  },
  data() {
    return {
      active: 0,
      courseId: ''
    }
  }

}
</script>
